.px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.flexbox {
    display: flex;
    display: -webkit-flex;
}
.msg_header{
	.flexbox;
	.px2rem(height, 90);
	
	justify-content: space-between;
	border-bottom:1px solid #ccc;
	align-items: center;
	.left{
	.px2rem(width, 60);
	text-align:center;
	img{	
	.px2rem(width, 19);
	.px2rem(height, 33);

	}
	}
	.center{
	flex:1;
	text-align:center;
	.px2rem(font-size, 38);
	}
	.right{
	.px2rem(width, 80);

	img{
	.px2rem(width, 60);
	.px2rem(height, 46);
	}
	}
}
.banner{
    .imgs{
        img{
            width: 100%;
        }
    }
    .swiper-pagination-bullet{
        background: #fff;
       .px2rem(width, 20); 
       .px2rem(height, 20);
    }
}
.Appraisal_tiao{
	.flexbox;
	.px2rem(height, 200);
	align-items: center;
	li{
	width:25%;
	text-align:center;
	img{
	width:90%;
	.px2rem(height, 162);
	}
	}
}
.font{
	.px2rem(font-size, 24);
	text-align:center;
	.px2rem(height, 70);
	.px2rem(line-height, 70);
	b{
	font-weight:bold;
	.px2rem(font-size, 28);
	}

}
.Gemmologist{
.px2rem(height, 50);
	.px2rem(line-height, 50);
.px2rem(font-size, 28);
	text-align:center;
	span{
	color:#ccc;

	}
}
.png{
	.px2rem(height, 220);
	align-items: center;
}
.Appraisal_content{
	border-bottom:1px solid #ccc;
	.px2rem(margin-top, 28);
	
	.flexbox;
	label{
	width:35%;
	text-align:center;
	img{
	width:90%;
	}
	}
	
	h5{
	.px2rem(padding-top, 20);
	}
	p{
	.px2rem(padding-top, 20);
	.px2rem(padding-bottom, 20);
	color:#ccc;
	}
	.Appraisal_watch{
	.flexbox;
	flex-wrap:wrap;
	.px2rem(padding-top, 20);
	.px2rem(padding-bottom, 20);
	li{
	width:33%;
	.px2rem(padding-top, 10);
	img{
	width:92%;
	}
	}
	}
	.pinglun{
	text-align:right;
	
	.px2rem(margin-bottom, 28);
	width:90%;
	span{
	color:#ccc;
	.px2rem(padding-left, 10);
	}
	img{
	width:5%;
	}
	
	}
}